// gitment 
.gitment-markdown blockquote {
  padding: 10px 0px 6px 45px !important;

  &::before {
    width: 40px !important;
    height: 40px !important;
    font-size: 45px;
  }
}

.gitment-root-container {
  border-top: 1px solid #cfd8dc5e;
}

.gitment-editor-login {
  a {
    color: $base-color !important;

    &:hover {
      color: $minor-color !important;
      text-decoration: none !important;
    }
  }
}

.gitment-editor-login-link {
  margin-right: 5px !important;
}

.gitment-footer-container {
  @extend .gitment-editor-login;
  margin-top: 20px !important;
}

.gitment-editor-logout {
  @extend .gitment-editor-login;
}

.gitment-editor-submit {
  background-color: $minor-color !important;
  color: white !important;
  @extend .gitment-github-icon;

  &:hover {
    background-color: $base-color;
    box-shadow: 5px 4px 14px 6px $base-shadow-color;
  }

  & disable:hover {
    box-shadow: 5px 4px 14px 6px $minor-shadow-color !important;
  }
}

.gitment-github-icon,
.gitment-comment-avatar-img {
  box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.1) !important;
  border-radius: .2rem !important;
}

.gitment-comment-main,
.gitment-editor-main {
  border-radius: 0.2rem !important;
  box-shadow: 1px 6px 29px -2px rgba(0, 0, 0, 0.1) !important;
  border-color: #cfd8dc00 !important;
  background-color: #fff;
  &::before {
    border-right-color: #cfd8dc00 !important;
  }
}

.gitment-comment,
.gitment-comments-list {
  list-style-type: none;
}

.gitment-comment {
  margin: 30px 0 !important;
}

a.gitment-header-issue-link,
a.gitment-header-issue-link:visited {
  font-weight: bold !important;

  &:hover {
    text-decoration: none !important;
  }
}

.gitment-editor-container .gitment-editor-main {
  padding: 10px;
}

.gitment-editor-tab.gitment-selected {
  border-color: #cfd8dc00 !important;
  border-bottom-color: #CFD8DC !important;
  border-bottom: 1px solid #060606;
}

.gitment-editor-header {
  padding: 0;
  margin: 0;
  border-bottom: 0px !important;
}

.gitment-comment-name {
  color: $minor-color !important;
  font-size: 16px !important;

  &:hover {
    text-decoration: none !important;
    color: $base-color !important;
  }
}

.gitment-editor-footer {
  margin-top: 20px !important;
}

.gitment-header-like-btn {
  margin-right: 20px !important;
}